<!--&lt;!&ndash;<template>&ndash;&gt;-->
<!--&lt;!&ndash;  <div>&ndash;&gt;-->

<!--&lt;!&ndash;    <div id="echars-dom"></div>&ndash;&gt;-->
<!--&lt;!&ndash;    <el-table :data="tableData">&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="score" label="分数" ></el-table-column>&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="perPerson" label="本段人数"></el-table-column>&ndash;&gt;-->
<!--&lt;!&ndash;      <el-table-column prop="sumPerson" label="累计人数"></el-table-column>&ndash;&gt;-->

<!--&lt;!&ndash;    </el-table>&ndash;&gt;-->
<!--&lt;!&ndash;    <div style="height: auto">&ndash;&gt;-->
<!--&lt;!&ndash;      <el-pagination&ndash;&gt;-->
<!--&lt;!&ndash;          background>&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          layout="prev, pager, next" >&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;        &lt;!&ndash;          current-page="params.pageNum"&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;      &lt;!&ndash;          page-size="params.pageSize"&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          @current-change="handleCurrentChange"&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          :total="total"&ndash;&gt;&ndash;&gt;-->


<!--&lt;!&ndash;      </el-pagination>&ndash;&gt;-->
<!--&lt;!&ndash;    </div>&ndash;&gt;-->
<!--&lt;!&ndash;  </div>&ndash;&gt;-->
<!--&lt;!&ndash;</template>&ndash;&gt;-->

<!--&lt;!&ndash;<script>&ndash;&gt;-->

<!--&lt;!&ndash;export default {&ndash;&gt;-->

<!--&lt;!&ndash;  name: "Main1",&ndash;&gt;-->
<!--&lt;!&ndash;  data(){&ndash;&gt;-->
<!--&lt;!&ndash;  return{&ndash;&gt;-->
<!--&lt;!&ndash;    tableData: [&ndash;&gt;-->
<!--&lt;!&ndash;      {&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },{&ndash;&gt;-->
<!--&lt;!&ndash;        score: '697-750',&ndash;&gt;-->
<!--&lt;!&ndash;        perPerson: '45',&ndash;&gt;-->
<!--&lt;!&ndash;        sumPerson: '45'&ndash;&gt;-->
<!--&lt;!&ndash;      },&ndash;&gt;-->

<!--&lt;!&ndash;    ],&ndash;&gt;-->
<!--&lt;!&ndash;    //total: 30,&ndash;&gt;-->
<!--&lt;!&ndash;    // params: {&ndash;&gt;-->
<!--&lt;!&ndash;    //   pageNum: 1,&ndash;&gt;-->
<!--&lt;!&ndash;    //   pageSize: 10,&ndash;&gt;-->
<!--&lt;!&ndash;    // }&ndash;&gt;-->
<!--&lt;!&ndash;  };&ndash;&gt;-->
<!--&lt;!&ndash;  },&ndash;&gt;-->


<!--&lt;!&ndash;}&ndash;&gt;-->

<!--&lt;!&ndash;</script>&ndash;&gt;-->

<!--&lt;!&ndash;<style>&ndash;&gt;-->

<!--&lt;!&ndash;</style>&ndash;&gt;-->
<!--<template>-->
<!--  <div>-->
<!--    <div ref="echarsDom" style="height: 400px;"></div>-->
<!--    <el-table :data="tableData">-->
<!--      <el-table-column prop="score" label="分数"></el-table-column>-->
<!--      <el-table-column prop="perPerson" label="本段人数"></el-table-column>-->
<!--      <el-table-column prop="sumPerson" label="累计人数"></el-table-column>-->
<!--    </el-table>-->
<!--    <div style="height: auto">-->
<!--      <el-pagination-->
<!--          background-->
<!--          layout="prev, pager, next"-->
<!--          :current-page="params.pageNum"-->
<!--          :page-size="params.pageSize"-->
<!--          @current-change="handleCurrentChange"-->
<!--          :total="total">-->
<!--      </el-pagination>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import * as echarts from 'echarts';-->

<!--export default {-->
<!--  name: "Main1",-->
<!--  data() {-->
<!--    return {-->
<!--      chart: null,-->
<!--      tableData: [-->
<!--        { score: '697-750', perPerson: 40, sumPerson: 45 },-->
<!--        { score: '694-697', perPerson: 11, sumPerson: 45 },-->
<!--        { score: '691-694', perPerson: 22, sumPerson: 45 },-->
<!--        { score: '688-691', perPerson: 36, sumPerson: 45 },-->
<!--        { score: '685-688', perPerson: 55, sumPerson: 45 },-->
<!--        { score: '684-688', perPerson: 45, sumPerson: 45 },-->
<!--        { score: '681-684', perPerson: 35, sumPerson: 45 },-->
<!--        { score: '679-681', perPerson: 25, sumPerson: 45 },-->
<!--        { score: '697-750', perPerson: 45, sumPerson: 45 },-->
<!--        { score: '697-750', perPerson: 45, sumPerson: 45 },-->
<!--      ],-->
<!--      total: 10,-->
<!--      params: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 10,-->
<!--      }-->
<!--    };-->
<!--  },-->
<!--  mounted() {-->
<!--    this.initChart();-->
<!--  },-->
<!--  methods: {-->
<!--    initChart() {-->
<!--      this.chart = echarts.init(this.$refs.echarsDom);-->
<!--      const scores = this.tableData.map(item => item.score.split('-')[0]);-->
<!--      const counts = this.tableData.map(item => item.perPerson);-->

<!--      const option = {-->
<!--        tooltip: {-->
<!--          trigger: 'axis',-->
<!--          axisPointer: {-->
<!--            type: 'cross',-->
<!--            label: {-->
<!--              backgroundColor: '#6a7985'-->
<!--            }-->
<!--          }-->
<!--        },-->
<!--        xAxis: {-->
<!--          type: 'category',-->
<!--          data: scores,-->
<!--          boundaryGap: false-->
<!--        },-->
<!--        yAxis: {-->
<!--          type: 'value'-->
<!--        },-->
<!--        series: [{-->
<!--          data: counts,-->
<!--          type: 'line',-->
<!--          smooth: true-->
<!--        }]-->
<!--      };-->

<!--      this.chart.setOption(option);-->
<!--    },-->
<!--    handleCurrentChange(val) {-->
<!--      this.params.pageNum = val;-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<style>-->
<!--</style>-->
